
<div id="lienHe" class="menu-tab" data-tab="lienhe">

    <h1 class="label-bigwhite-1 lienhe">Liên hệ</h1>

    <div class="content">
        <div id="contactMail" class="box-mail-letter">
            <form id="frmContact">
                <div class="row-button">
                    <div class="button-f button-send">
                        <i></i>
                        <span>Send</span>
                    </div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <div class="button-f button-reset">
                        <i></i>
                        <span>Reset</span>
                    </div>
                </div>
                <div class="row">
                    <input type="text" class="field-text" placeholder="HỌ TÊN" name="name" />
                    <span class="validate"></span>
                </div>
                <div class="row">
                    <input type="text" class="field-text" placeholder="SĐT" name="phone" />
                    <span class="validate"></span>
                </div>
                <div class="row">
                    <input type="email" class="field-email" placeholder="EMAIL" name="email" />
                    <span class="validate"></span>
                </div>
                <div class="row">
                    <input type="text" class="field-text" placeholder="TIÊU ĐỀ LIÊN HỆ" name="subject" />
                    <span class="validate"></span>
                </div>
                <div class="row">
                    <textarea class="field-comment" placeholder="NỘI DUNG" name="message"></textarea>
                    <span class="validate"></span>
                </div>
            </form>
        </div>
    </div>

</div>

<script>
    sendEmail();

    function sendEmail() {
        $('#frmContact .button-send').click(function() {
            if (contactValidate()) {
                var name = $('#frmContact [name="name"]').val();
                var phone = $('#frmContact [name="phone"]').val();
                var email = $('#frmContact [name="email"]').val();
                var subject = $('#frmContact [name="subject"]').val();
                var message = $('#frmContact [name="message"]').val();
                var data = {
                    Name: name,
                    Phone: phone,
                    Email: email,
                    Subject: subject,
                    Message: message
                }
                $.ajax({
                    url: URL_LODE + '/View/sendemail.php',
                    type: "POST",
                    data: data,
                    cache: false,
                    success: function() {
                        openDialogMessage("Thông Báo", "Nội dung liên hệ của bạn đã được gửi thành công !");
                    }
                })
            }
        })
    }

    function contactValidate() {
        var name = $('#frmContact [name="name"]').val();
        var phone = $('#frmContact [name="phone"]').val();
        var email = $('#frmContact [name="email"]').val();
        var subject = $('#frmContact [name="subject"]').val();
        var message = $('#frmContact [name="message"]').val();
        if (name == "") {
            $('#frmContact [name="name"]').siblings('.validate').text('Vui lòng nhập tên !');
            return false;
        } else {
            $('#frmContact [name="name"]').siblings('.validate').text('');
        }

        if (email == "") {
            $('#frmContact [name="email"]').siblings('.validate').text('Vui lòng nhập email !');
            return false;
        } else {
            $('#frmContact [name="email"]').siblings('.validate').text('');
        }

        var reEmail = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;
        if (reEmail.test(email) == false) {
            $('#frmContact [name="email"]').siblings('.validate').text('Vui lòng nhập email chính xác !');
            return false;
        }
        else {
            $('#frmContact [name="email"]').siblings('.validate').text('');
        }
        ;


        if (subject == "") {
            $('#frmContact [name="subject"]').siblings('.validate').text('Vui lòng nhập tiêu đề liên hệ !');
            return false;
        } else {
            $('#frmContact [name="subject"]').siblings('.validate').text('');
        }

        if (message == "") {
            $('#frmContact [name="message"]').siblings('.validate').text('Vui lòng nhập nội dung liên hệ !');
            return false;
        } else {
            $('#frmContact [name="message"]').siblings('.validate').text('');
        }

        return true;
    }
</script>